<template>
<div>
  <el-table :data="pageInfo.userList" stripe style="width: 100%">
    <el-table-column prop="id" label="用户编号"> </el-table-column>
    <el-table-column prop="userMail" label="账号"></el-table-column>
    <el-table-column prop="nickname" label="昵称"></el-table-column>
    <el-table-column prop="staus" label="状态">
      <template slot-scope="scope">
        <el-switch v-model="scope.row.status" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
      </template>
    </el-table-column>
  </el-table>

</div>
</template>

<script>
import { reactive } from '@vue/composition-api'
export default {
  name: 'userinfo',
  setup() {
    const pageInfo = reactive({
      userList:[{
        id:'1231232',
        nickname:"zs",
        status:true,
        userMail:'1232134134@qq.com'
      }]
    })
    return{
      pageInfo
    }
  }
}
</script>

<style scoped lang="scss">

</style>
